﻿.main_view
{
    /* el contendor principal */
    position: relative;
}

.window
{
    /* el contendor con las imágenes */
    overflow: hidden;
    position: relative; /* debemos dimensionarlo */
    height: 285px;
    width: 179px;
}

.image_reel, .image_reel_home
{
    left: 0;
    position: absolute;
    top: 0;
}

.image_reel img
{
    float: left; /* conviene dimensionarlas */
    height: 284px;
    width: 179px;
}

.paging
{
    /* la navegación a gusto de cada uno */ /*background-color: rgba(146, 0, 0, 0.5);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80920000,endColorstr=#80920000);
    zoom: 1;
    border-radius: 4px;
    bottom: 10px;
    display: none !important;
    height: 42px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 179px;
    z-index: 100;
}
.paging_home
{
    /* la navegación a gusto de cada uno */ /*background-color: rgba(146, 0, 0, 0.5);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80920000,endColorstr=#80920000);
    zoom: 1;
    border-radius: 4px;
    bottom: 10px;
    display: none !important;
    height: 42px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 762px;
    z-index: 100;
}

.window_home
{
    /* el contendor con las imágenes */
    overflow: hidden;
    position: relative; /* debemos dimensionarlo */
    width: 761px;
    height: 283px;
}
.image_reel_home img
{
    float: left; /* conviene dimensionarlas */
    width: 761px;
    height: 283px;
}

.paging a, .paging_home a
{
    /* los números */
    color: #FFF;
    font-size: 20px;
    padding: 5px;
    text-decoration: none;
}

.paging a.active, paging_home a.active
{
    /*background: #920000;*/
    border: 1px solid #610000;
    border-radius: 3px;
    font-weight: bold;
}

.paging a:hover, .paging_home a:hover
{
    font-weight: bold;
}
